// Your custom settings file to override Foundation defaults
@import "settings";
@import "font-awesome";

// Comment out this import if you are customizing you imports below
// @import "foundation";

// ----------------------------------------
// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing

@import "compass/css3";
@import "foundation/settings";
@import "foundation/functions/all";

// Control which mixins you have access too

@import "foundation/mixins/clearfix";
@import "foundation/mixins/css-triangle";
@import "foundation/mixins/font-size";

// Must include next two for semantic grid to work

@import "foundation/mixins/respond-to";
@import "foundation/mixins/semantic-grid";

@import "mixins/bg";

@import "modular-scale";
@import "foundation/common/globals";

// Must include the grid for any responsiveness

@import "foundation/components/grid";

// Control which common styles get compiled

@import "foundation/common/typography";
@import "foundation/common/forms";

// Control which components you get if customizing

@import "foundation/components/modules/buttons";
// @import "foundation/components/modules/tabs";
// @import "foundation/components/modules/ui";
// @import "foundation/components/modules/topbar";
// @import "foundation/components/modules/navbar";
// @import "foundation/components/modules/orbit";
@import "foundation/components/modules/reveal";
// @import "foundation/components/modules/offcanvas";
// @import "foundation/components/modules/clearing";
// @import "foundation/components/modules/joyride";
@import "components/tabs";
@import "components/ui";
@import "components/topbar";

// Media Queries Overrides
@import "foundation/components/modules/mqueries";

body { @include bodyBG(); }

html, body, .container { height: 100%; }
body > .container { height: auto; min-height: 100%; }

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important;}ng\:form{display:block;}

.pushstate #loader-top { background-image: url('/img/loader.gif'); @include scale(1); }

.pushloader { height: 45px; width: 45px; margin: 0 auto; /* background-image: url('/static/img/loader.gif'); */ @include scale(0); background-repeat: no-repeat; background-position: center; @include transition-property(all); @include transition-duration(.3s); @include transition-timing-function(ease-in-out);
}

.container { margin-top: 30px; padding-bottom: 50px;}

.bnotice { text-align: center; margin-top: 150px; }

.list-header, .content.head { @include topBarBG(); @include clearfix(); margin-bottom: 5px; @include border-radius(4px, 4px); padding: 0 10px;
    h3, h4 { margin: 8px 0; color: white; 
        small { color: white; }
    }
    .button-group { margin: 8px 0 2px; }
}

.row.item-row { margin-bottom: 5px; margin-top: 0; border-bottom: 1px solid darken(white, 20%); padding: 15px 15px 15px 30px; }

.item-list { 
    h4 { margin-top: 0; margin-bottom: 5px; }
    &>div { margin-bottom: 5px; line-height: 1.3;}
}

.item-more { 
    &:hover { cursor: pointer; }
}

.content {
    &.wrapper { @include whiteBG(); padding-bottom: 30px; @include border-radius(4px, 4px); border: solid 1px lighten(black, 80%); margin-bottom: 30px; overflow: hidden; }
    &.body { 
        &>.row:not(:first-child) { margin-bottom: 25px; margin-top: 25px; }
        &>.row.headers { border-top: 1px solid lighten(black, 60%); border-bottom: 1px solid lighten(black, 60%); }
    }
}

.profile {
    &.wrapper { @include whiteBG(); margin-bottom: 10px; @include border-radius(4px, 4px); border: solid 1px lighten(black, 80%); padding: 10px 20px;}
    &.image a { text-align: center; 
        img { display: inline-block; }
    }
}

.editable { padding: 5px; margin: -5px;
    &.fields { cursor: pointer; 
        &:hover { border: 1px solid $mainColor; @include border-radius(2px); }
    }
}

.field-info { display: inline-block; margin-left: 5px; margin-bottom: 10px; }

input[type="checkbox"].fixable { margin-top: 10px; }

.item-img-upload { 
    div#uploadButtons { margin-bottom: 10px; }
    div#uploadList { padding-top: 20px; padding-bottom: 20px; 
        &>table { 
            tr .progress { width: 200px; }
        }
    }
}

div.progress .meter { width:0; }

.footer { clear: both; position: relative; z-index: 10; height: 50px; margin-top: -50px; @include topBarBG(); @include single-box-shadow(rgba(0, 0, 0, 0.5), 0, 1px, 1px, 1px, inset); 
    .footer-content { margin-top: 10px; margin-bottom: 10px; color: #ffffff; }
}

ul.block-grid li.bord { border-right: 1px solid #aaa; }

// Messages
.messageview, .itemview { margin-bottom: 10px; 
    &.content { border: 1px solid darken(white, 20%); padding: 10px; @include border-radius(4px); @include single-box-shadow(darken(white, 10%), 0, 0, 3px, 1px, inset); }
}

.itemview.image { text-align: center; }

// Datagrid Table
// http://tablestyler.com/
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 5px 10px; }
.datagrid table thead th { @include topBarBG(); color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { /* color: #7D7D7D; */ border-left: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #EBEBEB; /* color: #7D7D7D; */ }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #8C8C8C;background: #EBEBEB;}
.datagrid table tfoot td { padding: 0; font-size: 12px }
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:lighten(black, 20%);}

// wysiwyg editor
.text-toolbar { height: 33px; margin-right: 2px;
    &>.toolbars { background-color: #eeeeee; @include filter-gradient(#eeeeee, #ffffff, vertical);  @include background-image(linear-gradient(top, #eeeeee 0%,#ffffff 100%)); height: 100%; /* @include border-radius(4px); */ z-index: 1; position: relative; @include single-box-shadow(rgba(0, 0, 0, 0.5), 0, 2px, 4px, 1px);
        &>.command, &>.action { display: inline-block; height: 100%; width: 40px; padding-left: 10px; padding-right: 10px;
            &>div { margin-top: 10px; font-size: 20px; cursor: pointer;
                &:hover { color: $mainColor; }
            }
        }
    }
}

.wysihtml5-action-active, .wysihtml5-command-active {
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
    background: #EEE !important;
    color: darken($mainColor, 15%);
    cursor: default;
}

[data-wysihtml5-dialog] {
  color: #333;
  font-size: 14px;
  text-align: left;
  border-radius: 4px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 5px 10px;
  background: #FFFBE0;
  position: absolute;
  // width: 810px;
  text-align: center;
  // margin: auto;
  // top: 45px;
}

[data-wysihtml5-dialog] input {
  color: #333;
  border: 1px solid #ccc;
  padding: 3px;
  width: 300px;
}

[data-wysihtml5-dialog] input:focus {
  outline: 0;
  border: 1px solid #666;
}

[data-wysihtml5-dialog-action] {
  padding: 4px;
  color: #fff;
  cursor: pointer;
}

[data-wysihtml5-dialog-action="save"] {
  background: #007200;
}

[data-wysihtml5-dialog-action="cancel"] {
  background: #999;
}

.fore-color ul {
  display: none;
  // position: absolute;
  z-index: 2;
  // top: 40px;
  right: -1px;
  left: -2px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  overflow: hidden;
}

.fore-color li {
  display: block;
  margin: 3px;
  width: 80px;
  border: 0;
  height: 15px;
}

.fore-color li:after {
  display: none;
}

.fore-color:hover ul {
  display: block;
}

.fore-color [data-wysihtml5-command-value="silver"] {
  background: silver !important;
}


.fore-color [data-wysihtml5-command-value="gray"] {
  background: gray !important;
}

.fore-color [data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}

.fore-color [data-wysihtml5-command-value="red"] {
  background: red !important;
}

.fore-color [data-wysihtml5-command-value="purple"] {
  background: purple !important;
}

.fore-color [data-wysihtml5-command-value="green"] {
  background: green !important;
}

.fore-color [data-wysihtml5-command-value="olive"] {
  background: olive !important;
}

.fore-color [data-wysihtml5-command-value="navy"] {
  background: navy !important;
}

.fore-color [data-wysihtml5-command-value="blue"] {
  background: blue !important;
}

.fore-color .wysihtml5-command-active {
  outline: 1px solid #666;
  outline-offset: 1px;
}

.wysihtml5-commands-disabled .fore-color ul {
  display: none;
}

.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}
